﻿

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
	<!-- Meta Info -->
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="description" content="Hung Nguyen" /> 
	<meta name="keywords" content=" "/>
	<meta name="author" content="Anoop Jeewoolall"/>
	<title>Nguyễn Thị Hưng</title>
	<!-- End Meta Info -->
	
	<!-- Stylesheets (Css files)-->
	<link rel="stylesheet" type="text/css" media="screen" href="~/Content/reset.css"/>  
	<link rel="stylesheet" type="text/css" media="screen" href="~/Content/style.css"/>
	<link rel="stylesheet" type="text/css" media="screen" href="~/Content/flexslider.css"/>
	<link rel="stylesheet" type="text/css" media="screen" href="~/Content/fancybox.css"/>
	<link rel="stylesheet" type="text/css" media="screen" href="~/Content/jquery.qtip.min.css"/>
	<!-- End Stylesheets -->
	
	<!-- Google Font -->
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans" />
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans" />
	<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption" />
	<!-- End Google Fonts -->
	
	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Scripts-->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
	<script type="text/javascript" src="~/Scripts/jquery.easytabs.min.js"></script>
	<script type="text/javascript" src="~/Scripts/respond.min.js"></script>
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" src="~/Scripts/jquery.gmap.min.js"></script>
	<script type="text/javascript" src="~/Scripts/jquery.flexslider.js"></script>
	<script type="text/javascript" src="~/Scripts/jquery.adipoli.min.js"></script>
	<script type="text/javascript" src="~/Scripts/bar-chart.js"></script>
	<script type="text/javascript" src="~/Scripts/jquery.isotope.min.js"></script>
	<script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>
	<script type="text/javascript" src="~/Scripts/jquery.fancybox-1.3.4.js"></script>
	<script type="text/javascript" src="~/Scripts/jquery.qtip.min.js"></script>
	<script type="text/javascript" src="~/Scripts/custom.js"></script>
	<!-- End Scripts -->
</head>
<body>
	<!-- Main Wrapper -->
	<div id="container">
		<!-- Main Content -->
		<div id="content" >
			<!-- Header -->
			<header class="header striped">
				<!-- Logo -->
				<div class="logo">
					<h2><a href="#" title="Hung Nguyen" class="title"><strong>Nguyen Thi Hung</strong></a></h2>
				</div>
				<!-- End Logo -->
				<!-- Navigation -->
				<nav class="menu">
					<ul class="tabs">
						<li><a href="#profile" class="tab-profile" title="Profile">Profile</a></li>
						<li><a href="#resume" class="tab-resume" title="Resume">Resume</a></li>
						<li><a href="#portfolio" class="tab-portfolio" title="Portfolio">Portfolio</a></li>
					</ul>
				</nav>
				<!-- End Navigation -->
			</header>
			<!-- End Header -->	
			
			<!-- Hidden Logo that appears on lower resolution -->
			<div class="secondary-logo">
				<h2><a href="#" title="Skydreamer vCard"><strong>Nguyen Thi Hung</strong></a></h2>
			</div>
			<!-- End Hidden Logo -->
				
			<!-- Profile Tab-->
			<section id="profile"> 
				<!-- Left Column-->
				<div class="onethird-column">				
					<!-- Responsive Image Slider (Flexslider)-->
					<div id="photo-slider" class="flexslider">
						<ul class="slides">
							<li><img src="~/images/homeslider/meo1.jpg" alt="" /></li>
							<li><img src="~/images/homeslider/meo2.jpg" alt="" /></li>
							<li><img src="~/images/homeslider/meo3.jpg" alt="" /></li>
						</ul>
					</div>					
					<!-- End Slider -->
					<!-- Available Button-->
					<div class="available">
							<a href="#" title="Hire Me" class="available-button">I am available. <strong>Hire Me!</strong></a>
					</div>
					<!-- End Available Button-->					
				</div>
				<!-- End Left Column -->
					
				<!-- Start Right Column -->
				<div class="twothird-column">					
					<h2><span>Personal Info</span></h2>
					<!-- Personal Details -->
					<ul class="details">
						<li><span>Name</span> 		Nguyễn Thị Hưng</li>
						<li><span>Birthday</span> 02-09-1988</li>
						<li><span>Address</span> 	Số 8/4, kiệt 107 Duy Tân, tp Huế</li>
						<li><span>Email</span> 		<a href="mailto:hungnguyen020988@gmail.com" title="Get in touch">hungnguyen020988@gmail.com</a></li>
						<li><span>Phone</span> 	0968.236237</li>
						<li><span>Website</span> <a href="http://hungnguyen.huelive.com" title="Simplesphere">http://hungnguyen.huelive.com</a></li>
					</ul>
					<!-- End Details -->
					<div class="clear"></div>
					
					<h2><span>Recent Work</span></h2>
					<!-- Responsive Recent Work Carousel -->
					<div id="carousel-slider" class="flexslider">
						<ul class="slides">
							<li><a href="~/images/portfolio/portfolio-m1-large.jpg" class="fancybox" title="Portfolio Item Title"><img src="~/images/portfolio/portfolio-m1.jpg" class="grayscale" height="90" alt="" /></a></li>
							<li><a href="~/images/portfolio/portfolio-m2-large.jpg" class="fancybox" title="Portfolio Item Title"><img src="~/images/portfolio/portfolio-m2.jpg" class="grayscale" height="90" alt="" /></a></li>
							<li><a href="~/images/portfolio/portfolio-m3-large.jpg" class="fancybox" title="Portfolio Item Title"><img src="~/images/portfolio/portfolio-m3.jpg" class="grayscale" height="90" alt="" /></a></li>
							<li><a href="~/images/portfolio/portfolio-m4-large.jpg" class="fancybox" title="Portfolio Item Title"><img src="~/images/portfolio/portfolio-m4.jpg" class="grayscale" height="90" alt="" /></a></li>
							<li><a href="~/images/portfolio/portfolio-m5-large.jpg" class="fancybox" title="Portfolio Item Title"><img src="~/images/portfolio/portfolio-m5.jpg" class="grayscale" height="90" alt="" /></a></li>
							<li><a href="~/images/portfolio/portfolio-m6-large.jpg" class="fancybox" title="Portfolio Item Title"><img src="~/images/portfolio/portfolio-m6.jpg" class="grayscale" height="90" alt="" /></a></li>
							<li><a href="~/images/portfolio/portfolio-m7-large.jpg" class="fancybox" title="Portfolio Item Title"><img src="~/images/portfolio/portfolio-m7.jpg" class="grayscale" height="90" alt="" /></a></li>
						</ul>
					</div>
					<!-- End Carousel -->						
				</div>		
				<!-- End Right Column -->
			</section>
			<!-- End Profile Tab --> 
               
			<!-- Start Resume Tab -->
			<section id="resume">
				<!-- Left Column-->
				<div class="half-column">
				<!-- Experience-->
					<h2><span>Experience</span></h2>					
					<div class="job-details">
						<div class="curly-brace">{</div>
						<p>- 2008: Được đào tạo khóa học CIM tại trung tâm Mỹ Thuật đa phương tiện Huế ARENA.</p>	
					</div>
					<div class="clear"></div>
					<div class="job-details">
						<div class="curly-brace">{</div>
						<p>- Tháng 11 – 2013 hoàn thành khóa đào tạo nhiếp ảnh Kỹ thuật số do hội đồng Anh và trường DH Nghệ Thuật Huế tổ chức (Didital Photography Workshop).</p>	
					</div>
					<!-- End Experience-->				
					<div class="clear"></div>	
					<!-- Sliding Testimonials -->
					<h2><span>Testimonials </span></h2>	
					<div id="testimonials" class="flexslider">
						<ul class="slides">
							<li>
								<p>Sống là không chờ đợi</p><!-- Testimonials -->
								<span class="commentor"><strong>Hưng Nguyễn</strong>- Graphics Designer</span><!-- Testimonials Author -->
							</li>
							<li>
								<p>Thất bại là mẹ thành công. </p>
								<span class="commentor"><strong>Hưng Nguyễn</strong>- Graphics Designer</span>
							</li>
							<li>
								<p>Không có gì là không thể</p>
								<span class="commentor"><strong>Hưng Nguyễn</strong>- Graphics Designer</span>
							</li>
						</ul>
					</div>
					<!-- End Testimonials -->
				</div>
				<!-- End Left Column -->
					
				<!-- Right Column -->
				<div class="half-column last">
					<!-- Education-->			
					<h2><span>Education</span></h2>
					<div class="education-details">
						<div class="curly-brace-right">}</div>
						<h4>Hue University of Arts <span>(2008 - 2013)</span></h4>
						<p>Tháng 5 - 2013:  Tốt nghiệp chuyên ngành thiết kế Đồ họa khoa MTUD</p>	
					</div>							
					<div class="education-level">
						<h4>Graphics Designer</h4>
					</div>
					<div class="clear"></div>
					<!-- End Education-->
					<h2><span>Skill</span></h2>
					<!-- Skills Graph-->
					<table id="skill-rating" class="graphtable">
					<tr>
						<td>
							<div class="graph"></div>   
						</td>
						<td class="values">
							<label class="jquery">Vẽ Tay<span class="jquery">95</span></label>
							<label class="php">Photoshop<span class="php">85</span></label>
							<label class="html5">Illustrator<span class="html5">80</span></label>
							<label class="css3">Corel<span class="css3">65</span></label>
						</td>
					</tr>
					</table>
					<!-- End Skills Graph-->
					<div class="clear"></div>
				</div>
				<!-- End Right Column -->
			</section>
			<!-- End Resume Tab --> 

			<!-- Portfolio Tab -->
			<section id="portfolio">
				<h2><span>PortFolio</span></h2>
				<!-- Portfolio Filter -->
				<ul id="portfolio-filter">
				   <li><a href="#" class="current" data-filter="*">All</a></li>
				   <li><a href="#" data-filter=".vetay">Vẽ Tay</a></li>
				   <li><a href="#" data-filter=".photoshop">Photoshop</a></li>
				   <li><a href="#" data-filter=".illustration">Illustration</a></li>
				   <li><a href="#" data-filter=".corel">Corel</a></li>
				</ul>
				<!-- End Portfolio Filter -->
				<!--Portfolio Items -->
				<ul id="portfolio-list">
					
					<li class="vetay">
						<div class="portfolio-description green">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/vt1-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/vt1.jpg" alt="" />
					</li>
					<li class="vetay">
						<div class="portfolio-description green">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/vt2-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/vt2.jpg" alt="" />
					</li>
					<li class="vetay">
						<div class="portfolio-description green">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/vt3-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/vt3.jpg" alt="" />
					</li>
					<li class="vetay">
						<div class="portfolio-description green">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/vt4-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/vt4.jpg" alt="" />
					</li>
					<li class="vetay">
						<div class="portfolio-description green">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/vt5-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/vt5.jpg" alt="" />
					</li>
					<li class="vetay">
						<div class="portfolio-description green">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/vt6-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/vt6.jpg" alt="" />
					</li>
					<li class="vetay">
						<div class="portfolio-description green">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/vt7-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/vt7.jpg" alt="" />
					</li>

					<li class="illustration">
						<div class="portfolio-description red">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/ai1-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/ai1.jpg" alt="" />
					</li>
					<li class="illustration">
						<div class="portfolio-description green">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/ai2-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/ai2.jpg" alt="" />
					</li>
					<li class="illustration">
						<div class="portfolio-description red">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/ai3-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/ai3.jpg" alt="" />
					</li>
					<li class="illustration">
						<div class="portfolio-description red">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/ai4-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/ai4.jpg" alt="" />
					</li>
					
					<li class="photoshop corel">
						<div class="portfolio-description blue">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/portfolio-m1-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/portfolio-m1.jpg" alt="" />
					</li>
					<li class="photoshop corel">
						<div class="portfolio-description blue">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/portfolio-m2-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/portfolio-m2.jpg" alt="" />
					</li>
					<li class="photoshop corel">
						<div class="portfolio-description blue">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/portfolio-m3-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/portfolio-m3.jpg" alt="" />
					</li>
					<li class="photoshop corel">
						<div class="portfolio-description blue">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/portfolio-m4-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/portfolio-m4.jpg" alt="" />
					</li>
					<li class="photoshop corel">
						<div class="portfolio-description blue">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/portfolio-m5-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/portfolio-m5.jpg" alt="" />
					</li>
					<li class="photoshop corel">
						<div class="portfolio-description blue">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/portfolio-m6-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/portfolio-m6.jpg" alt="" />
					</li>
					<li class="photoshop corel">
						<div class="portfolio-description blue">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/portfolio-m7-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/portfolio-m7.jpg" alt="" />
					</li>
					<li class="photoshop corel">
						<div class="portfolio-description blue">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/portfolio-m8-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/portfolio-m8.jpg" alt="" />
					</li>
					<li class="photoshop corel">
						<div class="portfolio-description blue">
							<div class="portfolio-text">
								<h4>Project Title</h4>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales, nisi eget ultricies vestibulum.</p>
							</div>
							<a href="~/images/portfolio/portfolio-m9-large.jpg" class="fancybox zoom-item" title="Portfolio Item Title">View Image / Video</a>
						</div>
						<img src="~/images/portfolio/portfolio-m9.jpg" alt="" />
					</li>

				</ul>
				<!-- End Portfolio Items -->
				
				<!-- End Portfolio Items -->
			</section>
			<!-- End Portfolio -->

			<!-- Blue Strip -->  
			<div class="footer-strip"></div>
			<!-- End Blue Strip -->  
		</div>
		<!-- End MainContent -->

		<!-- Footer -->
		<footer class="footer">
           	<div class="copyright">Copyright © 2013 <a href="#" title="">Hung Nguyen All Rights Reserved.</a></div>
		</footer>
		<!-- End Footer --> 
	</div>
	<!-- End Main Wrapper -->
	
<script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-24477850-3']);
    _gaq.push(['_trackPageview']);

    (function () {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

</script>
  @Html.Partial("_LoginPartial")
                   
            @RenderSection("featured", required: false)
           
                @RenderBody()
           
</body>
</html>


   

                   